<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$software}-{$themeid}-{$uid}  </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="https://css2020.yixuan.net/2020css/fcworker/css/reset.css?v=1">
    <link rel="stylesheet" type="text/css" href="https://css2020.yixuan.net/2020css/fcworker/css/style.css?v=11">
    <link href="https://css2020.yixuan.net/2020css/lottery/layui/css/layui.css" rel="stylesheet">
    <link rel="stylesheet" href="https://css2020.yixuan.net/2020css/fcworker/dist/mescroll.min.css">
    <script src="https://css2020.yixuan.net/2020css/fcworker/dist/mescroll.min.js" charset="utf-8"></script>
    <script src="https://css2020.yixuan.net/2020css/lottery/layui/layui.all.js"></script>
    <script src="https://css2020.yixuan.net/2020css/yx2020/js/md5.js?v=1"></script>
    <script type="text/javascript" src="https://css2020.yixuan.net/2020css/public_js/js2022_dev_ouwase/fcwork/code.js?v=33"></script>
    <script type="text/javascript" src="https://css2020.yixuan.net/2020css/public_js/js2022_dev_ouwase/fcwork/jquery.js?v=33"></script>
</head>
<body style="background:#f8f8f8">
    <style type="text/css">
        .mescroll::-webkit-scrollbar {
            display: none; /* Chrome Safari */
        }

        .mescroll {
            scrollbar-width: none; /* firefox */
            -ms-overflow-style: none; /* IE 10+ */
            overflow-x: hidden;
            overflow-y: auto;
            padding-top: 1.2rem;   /* 100px是导航栏高度 */
        }

        .dataList{
            height: 4.08rem;
        }
        .headerd{
            display: block;
            height: 1rem;
            padding: 15px 23px 38px;
        }
        .dataList4{
            width: 7.06rem;
            display: block;
        }
        .dataList4 li{
            width:25%;
        }
        .dataList4 li:after{
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            width: 1px;
            height: .26rem;
        }
        .dataList4 li:nth-child(3n):after{
            width: 1px;
        }
        .userImg{
            width: 60px;
            height: 60px;
            border-radius: 60px;
        }
        .hhh{
            color: #fff;
            line-height: 21px;
            font-size: 19px;
        }
        .userTixt span {
            color: #ffffff;
            line-height: 21px;
            font-size: .24rem;
            margin-top: 10px;
            text-align: center;
        }
        .addft{
            font-size: 0.38rem !important;
        }
        .dt1{
            color: #b3daff !important;
        }
        .dataList4 .min{
            font-size: 11px;
        }

        .new_tr{
            height: 0.8rem !important;
            line-height: 0.8rem !important;
        }
        .tabTit{
            width: 100%;
            background: #fff;
        }
        .tabTit{
            border-top-left-radius:16px;
            border-top-right-radius:16px;
            font-size: .28rem;
            color: #1c1c1c;
        }
        .tabTit:after{
            margin-top: 0;
            top: 0.19rem;
        }
        .tabTit span.group__notice{
            margin-left: 5px;
        }
        .tabTit span.group__notice svg{
            width: 1em;
            height: 1em;
        }
        .activeTab table{
            table-layout: fixed;
        }
        .td-img{
            width: 25px;
            height: 25px;
            border-radius: 25px;
        }

        .activeBox{
            width: 7.06rem;
            margin: .25rem;
        }

        .numPeople {
            width: 7rem;
            border-radius:0;
            margin-bottom: .1rem;
        }

        .numPeople li {
            position: relative;
            width: 50%;
            padding: .1rem 0;
            text-align: center;
            float: left;
        }

        .numPeople li p {
            color: #f8f8f8;
            font-size: .32rem;
            line-height: .36rem;
        }

        .numPeople li span {
            color: #fff;
            font-size: .32rem;
            line-height: .52rem;
        }

        .numPeople li:after {
           display: none;
        }
        .peopleTime {
            position:relative;
            padding-left: .30rem;
            border-bottom: .03rem solid #f8f8f8;
            line-height: .58rem;
            color: #9b9b9b;
            font-size: .24rem;
            margin: 0;
        }
        .peopleTime .hexiao_tips{
            font-weight: bold;
            color: #fb78b4;
            font-size: .30rem;
            margin-right: .17rem;
            position: absolute;
            right: 0;
            top: 0;
        }

        .peopleTxt div.worker {
            color: #949494;
            font-size: .28rem;
            line-height: .4rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }
        .peopleTxt div.worker p {
            display: inline;
        }
        .detail-container {
            padding: .15rem .40rem .15rem .40rem;
            position: relative;
        }

        .detail-container::before {
            content: ' ';
            position: absolute;
            top: -50%;
            left: -50%;
            bottom: -50%;
            right: -50%;
            border: 0 solid #ebedf0;
            box-sizing: border-box;
            transform: scale(.5);
            transform-origin: center;
            border-top-width: 1px;
            pointer-events: none;
        }

        .detail-container::after {
            content: ' ';
            position: absolute;
            top: -50%;
            left: -50%;
            bottom: -50%;
            right: -50%;
            border: 0 solid #ebedf0;
            box-sizing: border-box;
            transform: scale(.5);
            transform-origin: center;
            border-bottom-width: 1px;
            pointer-events: none;
        }

        .detail-container .detail-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #7a7878;
            font-size: .24rem;
            margin-top: .10rem;
        }
        .detail-container > .detail-item:nth-child(1){
            margin-top: 0;
        }

        .detail-container .detail-item .item-label{
            width: 2.00rem;
        }
        .detail-container .detail-item .item-content {
            width: 5.50rem;
            text-align: right;
        }
        .peoPle {
            width: 7rem;
        }

        .peoPle .handle{
            padding: .10rem;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        .peoPle .handle .handle-btn {
            margin-right: .15rem;
            border: 1px solid rgb(230, 227, 227);
            padding: .08rem .10rem;
            border-radius: .40rem;
            color: #7a7878;
            font-size: .30rem;
            min-width: 1.20rem;
            text-align: center;
        }
        .peoPle .handle .handle-btn.refund{
            color: lightcoral;
            border-color: lightcoral;
        }
        .footer a:nth-child(1) { background:url(https://6.yixuan.net/attachment/images/order.png) center .12rem no-repeat; background-size:auto .52rem;}
        .footer a:nth-child(2) { background:url(https://6.yixuan.net/attachment/images/fans.png) center .12rem no-repeat; background-size:auto .52rem;}
        .footer a:nth-child(3) { background:url(https://6.yixuan.net/attachment/images/daping.png) center .12rem no-repeat; background-size:auto .52rem;}
        .footer a:nth-child(4) { background:url(https://6.yixuan.net/attachment/images/activity.png) center .12rem no-repeat; background-size:auto .52rem;}
        .footer a:nth-child(5) { background:url(https://6.yixuan.net/attachment/images/manager.png) center .12rem no-repeat; background-size:auto .52rem;}

        .search {
            margin-left: .3rem;
            float: left;
            height: .73rem;
        }

        .search .searchTxt{
             background: url(https://css2020.yixuan.net/2020css/fcworker/images/searchIcon.png)  no-repeat  10px 4px;
             background-size:22px;
             padding-left: .76rem;
             border: #5C9BF7 2px  solid;
             height: .715rem;
             width: 4.3rem;
             border-radius:  1.2rem/1.4rem;
        }

        .search .button1 {
            position: absolute;
            right:1.7rem;
            font-size: .26rem;
            color: #fff;
            outline: none;
            border: none;
            line-height: .73rem;
            background:#5C9BF7 ;
            border-radius:  1.2rem/1.4rem;
            width: 1.15rem;
        }

        .search .button2 {
            position: absolute;
            right:.4rem;
            font-size: .26rem;
            color: #fff;
            outline: none;
            border: none;
            line-height: .73rem;
            background:#5C9BF7 ;
            border-radius:  1.2rem/1.4rem;
            width: 1.15rem;
        }

        .altTit { width:4.7rem; position:relative; z-index:101; height:.84rem; background:#7094ff; margin:0 auto; border-radius:.15rem; text-align:center; line-height:.84rem; color:#fff; font-size:.32rem;}
        .altBox { display:none; position:fixed; z-index:101; left:50%; top:50%; margin-left:-2.79rem; margin-top:-2.78rem;}
        .ewmBar { width:5.58rem; height:5.56rem; box-sizing:border-box; padding-top:.9rem; margin-top:-.4rem; border-radius:.15rem; background:#fff;}
        #screen{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100;}
        .ewmImg { width:3.94rem; box-sizing:border-box; padding:.16rem; border:1px solid #a6d5ff; border-radius:.08rem; margin:0 auto 0;}


        .label {
            display: inline;
            font-weight: 700;
            line-height: 1;
            padding: 0.06rem 0.1rem;
            font-size: .18rem;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.1rem;
        }
        .label-primary {
            background-color: #428bca
        }

        .label-info {
            background-color: #5bc0de
        }

        .label-warning {
            background-color: #f0ad4e;
        }

        .label-danger {
            background-color: #d9534f
        }

        .label-success {
            background-color: #5cb85c
        }

        .label-default {
            background-color: #777
        }

        .btn-group {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }

        .btn-group>.btn, .btn-group-vertical>.btn {
            position: relative;
            float: left;
        }
        .btn-warning {
            color: #fff;
            background-color: #f0ad4e;
            border-color: #eea236;
        }
        .btn-success {
            color: #fff;
            background-color: #5cb85c;
            border-color: #5cb85c;
        }
        .btn {
            display: inline-block;
            margin-bottom: 0;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            padding: 0.05rem;
            font-size: 0.22rem;
            line-height: 1.5rem;
            border-radius: .08rem;
        }

        .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .btn img{
            width: 0.3rem;
        }

        .font-black{
            color: #666;
        }

        #order:target {
            padding-top: 1.2rem;
            margin-top: -1.2rem;
        }

        #comm:target {
            padding-top: 1.2rem;
            margin-top: -1.2rem;
        }

        #complain:target {
            padding-top: 1.2rem;
            margin-top: -1.2rem;
        }
    </style>
<div class="fixTop fixPos">
        <div class="search">
            <input type="text" class="searchTxt" name="keyword"  placeholder="活动:{$software} UID:{$uid}" id="keyword" value="">
            <button class="button1" type="button" id="search_order" onclick="searchKeyword('{$record_url}')">订单</button>
            <button class="button2" type="button" id="search_fans" onclick="searchKeyword('{$fans_url}')">粉丝</button>
        </div>
</div>
<div id="mescroll" class="mescroll" >
    <div id="app" class="contentBox">
        <div class="dataList">
            <ul>
                <div class="headerd">
                    <div class="userImg">
                        <img src="{$worker_info['avatar']}" onerror="javascript:this.src='https://css2020.yixuan.net/2020css/yx2020/images/question.png';">
                    </div>
                    <div class="userTixt">
                        <h3 class="hhh">{$worker_info['username']}【{$level_name}】</h3>
                        <span style="display: block">活动编号：{$software} UID: {$uid}</span>
                    </div>
                </div>
                <div class="dataList4">
                    <a href="#order">
                        <li><p class="dt1">已支付</p><span class="addft">{$head_data['pay_num']}</span><p class="dt1">今日<span class="min">+{$head_data['day_pay_num']}</span></p></li>
                    </a>
                    {if $comm_list}
                       <a href="#comm">
                          <li><p class="dt1">红包</p><span class="addft">{$comm_data['fa_num']}</span><p class="dt1">未发放<span class="min">{$comm_data['no_num']}</span></p></li>
                       </a>
                    {else}
                        <a href="#order">
                          <li><p class="dt1">线下</p><span class="addft">{$head_data['offline_num']}</span><p class="dt1">今日<span class="min">+{$head_data['day_offline_num']}</span></p></li>
                        </a>
                    {/if}

                    {if $complain_list}
                       <a href="#complain">
                          <li><p class="dt1">投诉</p><span class="addft">{$complain_data['all_num']}</span><p class="dt1">未处理<span class="min">{$complain_data['not_num']}</span></p></li>
                       </a>
                    {else}
                       <a href="#order">
                         <li><p class="dt1">退款</p><span class="addft">{$head_data['refund_num']}</span><p class="dt1">今日<span class="min">+{$head_data['day_refund_num']}</span></p></li>
                       </a>
                    {/if}
                    <a href="#order">
                       <li><p class="dt1">所有</p><span class="addft">{$head_data['all_num']}</span><p class="dt1">今日<span class="min">+{$head_data['day_all_num']}</span></p></li>
                    </a>
                </div>
            </ul>
        </div>
        <!--个人日报-->
        <div class="activeBox">
            <div class="tabTit">个人日报</div>
            <div class="activeTab">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th >日期</th>
                            <th >新粉丝</th>
                            <th >转发</th>
                            <th >浏览量</th>
                            <th >直销</th>
                            <th >成交</th>
                            <th >线下</th>
                            <th >红包</th>
                        </tr>
                    </thead>
                    <tbody>
                        {loop $day_list $key $item}
                            <tr class="new_tr">
                                <td>{php echo  substr($item['riqi'],5);}</td>
                                <td>{$item['all_fans']}</td>
                                <td>{$item['all_forward']}</td>
                                <td>{$item['all_scansum']}</td>
                                <td>{$item['all_recordzx']}</td>
                                <td>{$item['all_record']}</td>
                                <td>{$item['all_recordxx']}</td>
                                <td>{$item['all_comm']}</td>
                            </tr>
                        {/loop}
                    </tbody>
                </table>
            </div>
        </div>

        <div class="activeBox" id="order">
            <div class="tabTit">最新订单</div>
            <div class="activeTab">
                <table cellpadding="0" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th style="width:10%">订单号</th>
                            <th style="width:8%">头像</th>
                            <th style="width:30%">昵称/姓名</th>
                            <th>金额</th>
                            <th>状态</th>
                            <th>身份</th>
                            <th style="width:16%">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                    {loop $order_list  $item1}
                    <tr class="new_tr">
                        <td style="width:10%">{php echo $item1['id']+9000;}</td>
                        <td style="width:8%"><img src="{php echo $item1['avatar']?$item1['avatar']:'https://css2020.yixuan.net/2020css/yx2020/images/question.png';}" class="td-img"></td>
                        <td style="width:30%">{$item1['nickname']}<br/><span class="font-black">{$item1['username']}</span></td>
                        <td>{$item1['fee']}</td>
                        <td>
                            {if $item1['status']==0}
                              <span class="label label-primary">未支付</span>
                            {elseif $item1['status']==1}
                              <span class="label label-success">已支付</span>
                            {elseif $item1['status']==2}
                              <span class="label label-warning">已核销</span>
                            {elseif $item1['status']==3}
                              <span class="label label-default">线下定单</span>
                            {elseif $item1['status']==-1}
                              <span class="label label-danger">已退款</span>
                            {/if}
                        </td>
                        <td>
                            {if $item1['type']==0}
                                团长  {if $item1['tuan_num']>0} $item1['tuan_num']人 {/if}
                            {elseif $item1['type']==1}
                                团员
                            {elseif $item1['type']==9}
                                单买
                            {elseif $item1['type']==20}
                                发起砍价
                            {elseif $item1['type']==27}
                                进行中
                            {elseif $item1['type']==28}
                                砍价成功
                            {elseif $item1['type']==29}
                                砍价失败
                            {/if}
                        </td>
                        <td style="width:16%">
                            <div class="btn-group">
                                <a href="#" class="btn btn-warning btn-sm" onclick='openDefaultBrowser("{$fanslog_url}&uid={$item1[uid]}")'><img src="https://6.yixuan.net/attachment/images/info.png"/></a>
                                <a href="#" class="btn btn-success btn-sm" onclick='openDefaultBrowser("{$record_url}&op=edit&uid={$uid}&id={$item1[id]}")'><img src="https://6.yixuan.net/attachment/images/editor.png"/></a>
                            </div>
                        </td>
                    </tr>
                  {/loop}
                </tbody>
            </table>
        </div>
      </div>
        <!--红包封面-->
        {if $comm_list}
        <div class="activeBox" id="comm">
            <div class="tabTit">红包数据</div>
            <div class="numPeople">
                <ul>
                    <li><p>已发放</p><span> {$comm_data['fa_num']}/{$comm_data['fa_fee']}</span></li>
                    <li><p>未发放</p><span> {$comm_data['no_num']}/{$comm_data['no_fee']}</span></li>
                </ul>
            </div>

            <div class="activeTab">
                    <table cellpadding="0" cellspacing="0" width="100%" >
                        <thead>
                            <tr>
                                <th style="width:8%">头像</th>
                                <th style="width:25%">昵称/姓名</th>
                                <th>金额</th>
                                <th>类型</th>
                                <th>状态</th>
                                <th>备注</th>
                                <th style="width:16%">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            {loop $comm_list  $item2}
                                <tr class="new_tr">
                                    <td style="width:8%"><img src="{php echo $item2['avatar']?$item2['avatar']:'https://css2020.yixuan.net/2020css/yx2020/images/question.png';}" class="td-img"></td>
                                    <td style="width:25%">{$item2['nickname']}<br/><span class="font-black">{$item2['user']}</span></td>
                                    <td><span class="label  label-warning">{$item2['fee']}</span></td>
                                    <td>{$item2['type_name']}</td>
                                    <td>
                                        {if $item2['status']==0}
                                           <span class="label label-primary">未发放</span>
                                        {elseif $item2['status']==1}
                                           <span class="label label-success">已发放</span>
                                        {elseif $item2['status']==5}
                                           <span class="label label-danger">已锁定</span>
                                        {/if}
                                    </td>
                                    <td>{$item2['msg']}</td>
                                    <td style="width:16%">
                                        <div class="btn-group">
                                            <a href="#" class="btn btn-warning btn-sm" onclick="openDefaultBrowser('{$fanslog_url}&uid={$item2[uid]')"><img src="https://6.yixuan.net/attachment/images/info.png"/></a>
                                            <a href="#" class="btn btn-success btn-sm" onclick="openDefaultBrowser('{$commshare_url}&uid={$item2[uid]')"><img src="https://6.yixuan.net/attachment/images/editor.png"/></a>
                                        </div>
                                    </td>
                                </tr>
                            {/loop}
                        </tbody>
                    </table>
             </div>
         </div>
        {/if}
      <!--客服投诉-->
        {if $complain_list}
        <div class="activeBox" id="complain">
            <div class="tabTit">客户投诉</div>
             <div class="numPeople">
                <ul>
                    <a href="javascript:void(0);">
                        <li style="width: 25%;">
                            <p>全部</p><span>{$complain_data['all_num']}</span>
                        </li>
                    </a>
                    <a href="javascript:void(0);">
                        <li style="width: 25%;">
                            <p>未处理</p><span>{$complain_data['not_num']}</span>
                        </li>
                    </a>
                    <a href="javascript:void(0);">
                        <li style="width: 25%;">
                            <p>处理中</p><span>{$complain_data['being_num']}</span>
                        </li>
                    </a>
                    <a href="javascript:void(0);">
                        <li style="width: 25%;">
                            <p>已完结</p><span>{$complain_data['finish_num']}</span>
                        </li>
                    </a>
                </ul>
           </div>

             <div id="append_list">
                {loop $complain_list $index $item}
                <div class="peoPle">
                    <div class="peopleTime">
                        <div>ID:{php echo substr($item['software'],2);}{$item['id']}</div>
                        {if $item['status'] == 3}
                         <div class="hexiao_tips" style="position: absolute; right: 0; top:0;color: #9f9f9f">已完结</div>
                        {else}
                         <div class="hexiao_tips" style="position: absolute; right: 0; top:0;">{php echo $item['status'] == 1 ? '未处理' : 处理中;}</div>
                        {/if}
                    </div>
                    <div class="peopleInfor">
                        <div class="peopleImg">
                            <img src="{$item['avatar']}" alt="">
                        </div>
                        <div class="peopleTxt">
                            <h2>{php echo $item['order_username'] ;}</h2>
                            <p>昵称:{php echo $item['nickname'] ;}</p>
                            <p>电话:{php echo $item['order_mobile'] ;}</p>
                            {if $item['workername'] || $item['teamname']}
                            <div class="worker">
                                所属员工:{if $item['workername']}<p>{$item['workername']}|</p>{/if}{if $item['teamname']}<p>{$item['teamname']}</p>{/if}
                            </div>
                            {/if}
                        </div>
                    </div>
                    <div class="detail-container">
                        <div class="detail-item">
                            <div class="item-label">投诉原因</div>
                            <div class="item-content">{$item['type']}</div>
                        </div>
                        <div class="detail-item">
                            <div class="item-label">投诉内容</div>
                            <div class="item-content">{$item['content']}</div>
                        </div>
                        <div class="detail-item">
                            <div class="item-label">投诉时间</div>
                            <div class="item-content">{$item['created_at']}</div>
                        </div>
                        <div class="detail-item">
                            <div class="item-label">订单状态</div>
                            <div class="item-content">{php echo $item['paystatus'] == 1 ? '已支付' : '未支付';}</div>
                        </div>
                        <div class="detail-item">
                            <div class="item-label">订单编号</div>
                            <div class="item-content">{$item['order_id']}</div>
                        </div>
                        <div class="detail-item">
                            <div class="item-label">订单金额</div>
                            <div class="item-content">{$item['order_fee']}</div>
                        </div>
                        {if $item['paystatus'] == 1}
                        <div class="detail-item">
                            <div class="item-label">付款时间</div>
                            <div class="item-content">{$item['paytime']}</div>
                        </div>
                        {/if}
                    </div>
                    <div class="handle">
                        <div class="handle-btn commu-detail check-order"  onclick="openDefaultBrowser('{$complain_url}&op=reply&id={$item[id]}')" style="padding: .08rem .30rem;">查看详情</div>
                    </div>
                </div>
                {/loop}
            </div>
       </div>
        {/if}
    </div>
 </div>
    <div class="h110"></div>
   <div class="footer">
        <a href="javascript:openDefaultBrowser('{$record_url}')">订单</a>
        <a href="javascript:openDefaultBrowser('{$fans_url}')">粉丝</a>
        <a href="javascript:openDefaultBrowser('{$daping_url}')">大屏</a>
        <a href="javascript:show_qr('活动链接','{$index_url}')">链接</a>
       {if !$addworker_url}
           <a href="javascript:getImg('{$get_add_worker_url}')">手机后台</a>
       {else}
          <a href="javascript:show_qr('手机后台','{$addworker_url}')">手机后台</a>
       {/if}
    </div>
    <div id="screen"></div>
    <div class="altBox">
        <div class="altTit"></div>
        <div class="ewmBar">
            <div class="ewmImg"><img id="qr_img" src=""></div>
        </div>
    </div>
</body>
<!--  下拉刷新-->
<script>
    const mescroll = new MeScroll("mescroll", {
        down: {
            auto: false,
            callback: () => {
                mescroll.endSuccess();
                setTimeout(() => {
                    window.location.reload();
                },500);
            }
        },
        up: {
            use: false
        }
    })

    function openDefaultBrowser(url){
            alert(url);
    }

    function show_qr(msg,qr_img){
        $('.altTit').html(msg);
        $("#qr_img").attr("src",qr_img);
        $('.altBox').fadeIn();
        $('#screen').fadeIn();
    }

    function urlencode (str) {　
        str = (str + '').toString();
        return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
        replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
    }

    $('#screen').click(function(){
        $('.altBox').fadeOut();
        $('#screen').fadeOut();
    });

    function  searchKeyword(url){
        var keyword = $('#keyword').val();
        var url = url+'&keyword='+keyword;
        openDefaultBrowser(url);
    }

    function getImg(url){
        var get_url = url+"&software={$software}&themeid={$themeid}";
        console.log(get_url);
        $.post(get_url,[], function(res) {
            alert(res);
            console.log(res);
        });
    }
</script>